{extend name="defaults/layout"/}
{block name="seo"}
<title>{$info.title}-{$title}</title>	
<meta name="keywords" content="{$info.meta_keywords}-{$keywords}" />
<meta name="description" content="{$info.meta_description}-{$description}" />
{/block}
{block name="toplink"}
{/block}
{block name="content"} 
<div class="banner-page container">
</div>

<div class="layout breadsect">
    <div class="container">
        <div class="breadcrumb">
            <span class="breadtitle">{$info.title}</span>
            <span class="breadnav">
            <a class="section" href="{:url('index/index')}"> 首页</a>
            {volist name="crumbs" id="vo"}
            / <a class="section" href="{$vo.url}"> {$vo.title}</a>
            {/volist}
            </span>
            <div class="clearfix"></div>
        </div>
    </div>
</div>


<div id="box">
    <div class="container" id="outer">
        <ul id="tab">
            <li class="current">供应</li>
            <li>求购</li>
        </ul>
        <div id="content">       
            <ul class="prolist-box" style="display:block;">
                {uk:select table="supply" field="id,title,covers,create_time" where="class='0'"}
                    <li class="col-md-3">
                        <a href="/gongqiuone/{$vo.id}.html">
                            <img src="__UPLOAD__/{$vo.covers.thumb}">
                            <p>{:msubstr($vo.title,0,10)}</p>                  
                        </a>
                    </li>
                {/uk:select}
                <div class="clearfix"></div>
            </ul>            
            {$page|raw}
            <ul class="prolist-box">
                {uk:select table="supply" field="id,title,covers,create_time" where="class='1'"}
                    <li class="col-md-3">
                        <a href="/gongqiuone/{$vo.id}.html">
                            <img src="__UPLOAD__/{$vo.covers.thumb}">
                            <p>{:msubstr($vo.title,0,10)}</p>                   
                        </a>
                    </li>
                {/uk:select}
                <div class="clearfix"></div> 
            </ul>
            {$page|raw}                       
        </div>
    </div>
</div>

<script>
    $(function(){
        window.onload = function()
        {
            var $li = $('#tab li');
            var $ul = $('#content ul');
                        
            $li.click(function(){
                var $this = $(this);
                var $t = $this.index();
                $li.removeClass();
                $this.addClass('current');
                $ul.css('display','none');
                $ul.eq($t).css('display','block');
            })
        }
    });
</script>


{/block}